<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>慕课论坛</title>
    <link rel="stylesheet" href="static/css/all-df86af5803.css">
</head>
<body class="forum" data-page="forum">
<div class="header">
    <nav class="navbar navbar-inverse navbar-fixed-top navbar-default">
        <div class="container">
            <div class="navbar-header" id="navbar-header">
                <a href="index.html" class="navbar-brand"><img src="images/logo.png"> </a>
            </div>
            <div id="main-nav-menu">
                <ul class="nav navbar-nav">
                    <li><a href="index.html"><i class="fa fa-home"></i> <span class="hidden-xs hidden-sm">首页</span></a>
                    </li>
                    <li class="hidden-sm hidden-xs"><a href="thread.html"><i class="fa fa-comments-o"></i> 话题</a></li>

                </ul>
            </div>

            <ul class="nav navbar-nav navbar-right">
                <li class="nav-search hidden-xs hidden-sm">
                    <form method="GET" action="###tag.html" accept-charset="UTF-8"
                          class="navbar-form form-search active" target="_blank">
                        <div class="form-group">
                            <input placeholder="搜索" class="form-control" name="q" type="search">
                        </div>
                        <i class="fa fa-search"></i>
                    </form>
                </li>
                <li><a href="register.html" id="signup-btn">注册</a></li>
                <li><a href="login.html" id="login-btn">登录</a></li>
            </ul>
        </div>
    </nav>
</div>
<div id="main" class="main-container container">
    <div class="row max-width">
        <div class="col-xs-12">
            <ul class="breadcrumb">
                <li>
                    <a href="index.html">首页</a>
                </li>
                <li>
                    <strong>imooc</strong>
                </li>
            </ul>
        </div>
    </div>

    <div class="col-md-9 threads-index main-col">
        <div class="panel panel-default">

            <div class="panel-heading">
                <div class="pull-left hidden-sm hidden-xs">
                    <div class="node-info">
                        标签名: <strong>imooc</strong> <span class="total">, 共有 7 个讨论主题</span>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="panel-body remove-padding-horizontal">
                <ul class="list-group row thread-list">
                    <li class="list-group-item media " style="margin-top: 0px;">

                        <a class="pull-right" href="thread.html"> <span class="badge badge-reply-count"> 25 </span> </a>

                        <div class="avatar pull-left">
                            <a href="###/u/imooc"> <img class="media-object img-thumbnail avatar-48"
                                                                       alt="imooc" src="images/avatar.jpg"/> </a>
                        </div>

                        <div class="infos">

                            <div class="media-heading">

                                <i class="fa fa-thumb-tack text-danger"></i>

                                <a href="thread.html" title="imooc 接下来需要完善的功能"> 欢迎来到BBS </a>

                            </div>

                            <div class="media-body meta">
                                <a href="thread.html" class="remove-padding-left" id="pin-10"> <span
                                        class="fa fa-thumbs-o-up"> 10 </span> </a> <span> • </span>

                                <a href="tag.html" title="站务与公告" 1> 站务与公告 </a> <span> • </span>
                                <!-- <span> • </span> -->
                                <span class="tag-list hidden-xs">
                                <a href="tag.html"><span class="tag">TAG</span></a>
                            <span> • </span>
            </span> <span>回复</span> <a href="my.html"> memory </a> <span> • </span> <span
                                    class="timeago " data-toggle="tooltip" data-placement="top"
                                    title="2017-02-08 21:47:25">2017-02-08 21:47:25</span>
                            </div>

                        </div>

                    </li>

                </ul>

            </div>

            <div class="panel-footer text-right remove-padding-horizontal pager-footer">
                <!-- Pager -->

            </div>

        </div>

        <!-- Nodes List -->

    </div>

    <div class="col-md-3 side-bar">
        <div class="panel panel-default corner-radius">
            <div class="panel-heading">
                <h3 class="panel-title">BBS</h3>
            </div>
            <div class="panel-body text-center">
                <a href="register.html" class="btn btn-primary"> <i class="fa fa-user"> </i> 注册 </a>
            </div>
            <div class="panel-footer text-center">
                已注册用户请 <a href="login.html">登录</a>
            </div>
        </div>

        <div class="panel panel-default corner-radius">
            <div class="panel-heading">
                <h3 class="panel-title">小贴士</h3>
            </div>
            <div class="panel-body">
                心若没有栖息的地方，到哪里都是在流浪!
            </div>
        </div>

        <div class="panel panel-default corner-radius">
            <div class="panel-heading">
                <h3 class="panel-title">统计信息</h3>
            </div>
            <ul class="list-group">
                <li class="list-group-item">社区会员: 747</li>
                <li class="list-group-item">主题数: 95</li>
                <li class="list-group-item">回帖数: 218</li>
            </ul>
        </div>

    </div>
    <div class="clearfix"></div>

</div>

<footer class="footer">
    <div class="container">
        <div class="copyright">
            <blockquote class="pull-left">
                <p>慕课论坛</p>
                <p>Copyright &copy; 2015-2016 <a href="index.html">imooc</a> 1.0.0-rc2 <span
                        class="pipe">|</span><span
                        class="pipe">|</span></p>
            </blockquote>
        </div>
        <div class="pull-right hidden-sm hidden-xs">
            <p>
                <a href="###">关于我们</a> <span class="pipe">|</span> <a href="###">联系我们</a> <span
                    class="pipe">|</span> <a href="###">常见问题解答</a>
            </p>
            <p>
                <a href="index.html" target="_blank"><img src="images/imooc-logo.png" border="0" height="40"
                                                                  data-toggle="tooltip" data-placement="top"
                                                                  title="Powered by imooc"/></a>
            </p>
        </div>
    </div>
</footer>
</body>
</html>
